<template>
	<view style="padding:20rpx 40rpx;">
		<view class="job_person u-border-bottom">
			<image class="va_m" :src="detail.avatar"></image>
			<view class="dis_inl_blo va_m">
				<view>{{detail.author}}的工作日志</view>
				<text style="font-size: 24rpx;color:#666;">{{detail.time}}</text>
			</view>
		</view>
		<view class="u-margin-bottom-20">
			<view class="title">今日完成工作</view>
			<view class="content">
				{{detail.complete}}
			</view>
		</view>
		<view class="u-margin-bottom-20">
			<view class="title">未完成工作及原因</view>
			<view class="content">
				{{detail.un_complete}}
			</view>
		</view>
		<view class="u-margin-bottom-20">
			<view class="title">当日存在问题</view>
			<view class="content">
				{{detail.problem}}
			</view>
		</view>
		<view class="u-margin-bottom-20">
			<view class="title]">明日计划内容</view>
			<view class="content">
				{{detail.plan}}
			</view>
		</view>
		<view class="u-margin-bottom-20">
			<view class="title">市场信息内容</view>
			<view class="content">
				{{detail.info}}
			</view>
		</view>
		<view class="u-margin-bottom-20">
			<view class="title">意见及建议内容</view>
			<view class="content">
				{{detail.report}}
			</view>
		</view>
		<view class="u-margin-bottom-20">
			<view class="title">图片</view>
			<view class="content u-flex u-row-left">
				<image v-for="(item,index) in detail.images" :src="item"></image>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getLogDetail
	} from "@/service/indexService.js";
	export default {
		data () {
			return {
				id:0,
				detail:{}
			}
		},
		onLoad(options) {
			this.id=options.id
			getLogDetail({id:options.id}).then(this.getLogDetail);
		},
		methods:{
			getLogDetail:function(e){
				this.detail=e.result;
			}
		}
	}
</script>

<style lang="scss">
	.job_person{
		margin-bottom:20rpx;
		padding-bottom:20rpx;
		font-size: 32rpx;
		color:#000;
	}
	.job_person image{
		width:100rpx;
		height:100rpx;
		margin-right:30rpx;
		border-radius: 50%;
	}
	.title{
		font-weight: bold;font-size: 32rpx;
	}
	.content{
		font-size: 28rpx;color:#555;padding:20rpx 0;
	}
	.content image{
		width:180rpx;
		height:190rpx;
		margin-right:30rpx;
	}
</style>
